
	<!DOCTYPE html>
	<html>
		<head>
			<meta charset="utf-8" />
			<title></title>
			<link type="text/css" rel="stylesheet" href="../../../layui/css/layui.css" />
			<link type="text/css" rel="stylesheet" href="../../../js/plugIn/bootstrap/css/bootstrap.css" />
			<link type="text/css" rel="stylesheet" href="../../../css/metisMenu.css" />
			<link type="text/css" rel="stylesheet" href="../../../css/home.css" /> 
		</head>
		<body>

		<header class="clearfix">
			<span class="logo fl"></span>
			<span class="logo_text fl">运营管理平台</span>
			<div style="float: right;">
				<ul class="layui-nav layui-nav-no">
				  <li class="layui-nav-item">
					<a href="" class="layui-badge-text"><span class="layui-badge ">19</span></a>
				  </li>
				  <li class="layui-nav-item">
					<a href="" class="layui-badge-set"><span class="layui-badge ">19</span></a>
				  </li>
				  <li class="layui-nav-item" lay-unselect="">
					<a href="javascript:;"><img src="//t.cn/RCzsdCq" class="layui-nav-img">我</a>
					<dl class="layui-nav-child">
					  <dd><a href="javascript:;">修改密码</a></dd>
					  <dd><a href="javascript:;">账户设置</a></dd>
					  <dd><a href="javascript:;">退出登录</a></dd>
					</dl>
				  </li>
				</ul>
			</div>
		</header>
	<script src="../../../js/plugIn/jquery-3.3.1.min.js"></script>
	<script src="../../../js/plugIn/bootstrap/bootstrap.min.js"></script>
		<script src="../../../layui/layui.all.js"></script>
		<script src="../../../js/plugIn/metisMenu.js"></script>
	<script>
	   var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
	  
	  //监听导航点击
	  element.on('nav(demo)', function(elem){
	    //console.log(elem)
	    layer.msg(elem.text());
	  }); 
	  $(function() {
			$('#side-menu').metisMenu(); // ul.nav#side-menu
		})
		var menuArr = [];
		
		$("#side-menu li").each(function(){
			var _this = $(this);
			if(menuList ==$(this).attr('class')){
				_this.addClass('active');
			}
		});
	</script>

